<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../charts/echarts.min.js"></script>
</head>
<body>
       <div id="mian" style="width: 600px; height: 600px"></div>
       <div id="mian1" style="width: 600px; height: 600px"></div>
</body>
</html>
<script type="text/javascript">
    var myCharts = echarts.init(document.getElementById("mian"));
    var option ={
        title:{
            text:"王者皮肤商城"
        },
        tooltip:{

        },
        legend:{
            data:["销量"]
        },
        xAxis:{
            data:["至尊宝","云端筑梦师","黄金射手座","黄金狮子座","电光耗子"]
        },
        yAxis:{

        },
        series:[{
            name:"销量",
            type:"bar",
            data:[999,450,500,360,998],
            color:"yellow"
        }]
    };
    myCharts.setOption(option);

    var myCharts1 = echarts.init(document.getElementById("mian1"));
    var option1 ={
        title:{

        },
        tooltip:{

        },
        legend:{

        },
        xAxis:{
            type:"category",
            data:["至尊宝","云端筑梦师","黄金射手座","黄金狮子座","电光耗子"]
        },
        yAxis:{
            type:"value"
        },
        series:[{
            smooth:true,
            type:"line",
            data:[999,450,500,360,998],
            color:"yellow"
        }]
    };
    myCharts1.setOption(option1);
</script>